<html>
<head>
  <title>Devcathlon: My Matches</title>
  <link rel="stylesheet" type="text/css" href="style/boilerplate/chrometheme/chromestyle2.css" />
  <script type="text/javascript" src="expandCollapse.js"></script>
  <script type="text/javascript" src="style/boilerplate/chromejs/chrome.js">
  /***********************************************
  * Chrome CSS Drop Down Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
  * This notice MUST stay intact for legal use
  * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
  ***********************************************/

  </script>
  
  <link rel="stylesheet" type="text/css" href="style/boilerplate/screen.css" media="screen" />
  <link rel="stylesheet" type="text/css" href="style/boilerplate/print.css" media="print" />
  <style>
    .entry {border-top: 1px solid #3366CC; margin-top: 1px;}
  </style>
</head>

<body>
  <div id="page"> 
    <div id="header">
      <div align="right" style="margin-top: -100px;"><img src="logo.jpg"></div>
      <div class="chromestyle" id="chromemenu">
      <ul>
        <li><a href="index.loggedin.html">Home Page</a></li>
        <li><a href="myprofile.html" rel="profiledrop">My Profile</a></li>
        <li><a href="browseProfiles.html">Browse Profiles</a></li>
        <li><a href="#" rel="dropmenu1">Matches</a></li>
        <li><a href="gallery.html">Gallery</a></li>
        <li><a href="#" rel="dropmenu2">Hall of Fame</a></li>
        <li><a href="#" rel="dropmenu3">Help</a></li>        
        <li><a href="">         </a></li>
        <li><a href="index.html">Logout!</a></li> 
      </ul>      
    </div>
    
<!--Drop down menu for My Profile -->                                                   
<div id="profiledrop" class="dropmenudiv">
  <a href="editProfile.html">Edit Profile</a>
  <a href="myteams.html">My Teams</a>
  <a href="mymatches.html">My Matches</a>
</div>

<!--1st drop down menu -->                                                   
<div id="dropmenu1" class="dropmenudiv">
  <a href="publicMatches.html">Public Matches</a>
  <a href="mymatches.html">My Matches</a>
</div>

<!--2nd drop down menu -->                                                
<div id="dropmenu2" class="dropmenudiv" style="width: 150px;">
  <a href="topTeams.html">Top Teams</a>
  <a href="TopIndividuals.html">Top Individuals</a>
</div>

<!--3rd drop down menu -->                                                   
<div id="dropmenu3" class="dropmenudiv" style="width: 150px;">
  <a href="help.html">FAQ</a>
  <a href="contact.html">Contact Info</a>
</div>

<script type="text/javascript">

  cssdropdown.startchrome("chromemenu")

</script>

<!-- -------------- Page contents begins --------------- -->
<center>
<h2><u>My Matches</u></h2>

<div>
	<form id="tableForm">
		<div style="overflow:auto; width:600px; height: 200px;">
			<table style="width: 500px;"> 
				<tr> 
					<th>Select</th>
					<th>Team</th>		 
					<th>score</th> 
				</tr>
					<td>
						<input type="checkbox" />
					</td>
					<td>
						<a href="team.html">Team Chad Micheal Micheals</a>
					</td>
					<td>
						500
					</td>
				<tr>
					<td>
						<input type="checkbox" />
					</td>
					<td>
						<a href="team.html">Team Jimmy Eat U</a>
					</td>
					<td>
						700
					</td>
				</tr>
					<td>
						<input type="checkbox" />
					</td>
					<td>
						<a href="team.html">Team Checkin out girls in the library</a>
					</td>
					<td>
						300
					</td>
			</table>
		</div>
		<p>Select more than one team from the list to compare one from another.</p>
		<input type="button" value="Compare Team">
	</form> 
</div>
</center>


<br>
<br>
<br>
<!-- Heres where the collapse and expand is -->
<br>
<input type="button" class="button" onclick="return toggleMe('para1')" value="Are the JavaScripts here free?">
<br>
<div id="para1" style="display:none">
Yes, all the scripts on this site are free for personal or business use. The only requirement for using them is that you leave the credit information inside the script.
</div>
<br>
<input type="button" class="button" onclick="return toggleMe('para2')" value="What is JavaScript? Is it the same as Java?">

<div id="para2" style="display:none">
<br>
JavaScript is NOT Java. JavaScript is a basic scripting language that allows Web authors to create dynamic pages that react to user interaction.
</div>

<!-- End -->

<!-- -------------- Page contents Ends --------------- -->
</body>
</html>